<template>
	<view class="share-box wrap">
    <CustomNavbar title="Invite" style="position: absolute;" color="white" bgColor="blank" :placeholder="true"></CustomNavbar>
		<view class="content">
			<view id="upgrade_notice" class="upgrade__notice">为了最好的体验，请升级您的浏览器</view>
			<view class="banner">
				<view class="banner__inner"></view>
				<view class="banner__bd">
					<view style="display: flex;    align-items: center;">
						<view class="banner__logo"></view>
						<view style="    margin: 0 24rpx 112rpx; font-size: 74rpx; font-weight: 500;">BtcShort</view>
					</view>
					<view class="banner__update-log"> </view>
					<view class="banner__download">
						<view class="banner__download-item banner__download-item_android" @longpress="saveQrcode">
							<uv-qrcode size="460rpx" :options="qrcodeOptions" :value="qrcodeVal"></uv-qrcode>
						</view>
					</view>
					<view style="display: none;">
						<uv-qrcode size="460rpx" :options="qrcodeOptions1" ref="qrcode" :value="qrcodeVal"></uv-qrcode>
					</view>
					<view class="copyUrl">
						<text class="banner__entry-extra banner__entry-extra_watch" @click="copyUrl"> Copy invite url </text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import uvQrcode from '@/uni_modules/uv-qrcode/components/uv-qrcode/uv-qrcode.vue'
	
	export default {
		data() {
			return {
				qrcodeOptions: {
					useDynamicSize: false,
					errorCorrectLevel: 'Q',
					margin: 5,
					areaColor: "",
					backgroundColor: "transparent",
					style: 'round',
					foregroundColor: '#fff',
					foregroundImageSrc: ''
				},
				
					qrcodeOptions1: {
						useDynamicSize: false,
						errorCorrectLevel: 'Q',
						margin: 5,
						style: 'round',
						foregroundImageSrc: require('../../../static/logo.png')
					},
				qrcodeVal: 'https://freeshort.co/expert'
			}
		},
		onLoad(e) {
			this.loadQrcode()
		},
		methods: {
			saveQrcode() {
				this.$refs.qrcode.toTempFilePath({
					success: (res) => {
						console.log(res);
						uni.saveImageToPhotosAlbum({
							filePath: res.tempFilePath,
							success: () => {
								uni.hideLoading();
								uni.showToast({
									title: this.$t('b59')
								});
							},
							fail: () => {
								uni.hideLoading();
								uni.showToast({
									icon: 'none',
									title: this.$t('b60')
								});
							}
						});
					}
				});
			},
			copyUrl() {
				uni.setClipboardData({
					data: this.qrcodeVal,
					success: function() {
						// 可以添加用户友好的提示，例如使用uni.showToast提示复制成功
						uni.showToast({
							title: 'Success',
							icon: 'success',
							duration: 2000
						});
					},
					fail: function() {
						console.log('复制失败');
						// 可以添加错误处理或用户友好的提示
					}
				});
			},
			loadQrcode() {
				let user = this.$store.state.user.userInfo
				if (user) {
					this.qrcodeVal =
						`https://btshort.com/front-app/#/pages/login/register?id=${user.id}`
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.copyUrl {
		margin-top: 48rpx;
	}

	.footer-wrp {
		height: 230rpx;
	}

	.footer {
		position: absolute;
		text-align: center;
		color: rgba(#999, 0.5);
		// background-color: #fff;
		padding: 80rpx 0 64rpx;
		width: 100%;
		bottom: 0;
	}

	.footer__bd {
		line-height: 1;
	}

	.footer__links {
		display: inline-flex;
		font-size: 26rpx;
		margin-bottom: 16rpx;
		flex-wrap: wrap;
		padding: 0 48rpx;
		justify-content: center;
		line-height: 1.6;
	}

	.footer a {
		margin: 0 16rpx;
	}

	.footer a:link,
	.footer a:visited {
		color: rgba(0, 0, 0, 0.7);
		text-decoration: none;
	}

	.footer a:hover {
		color: rgba(0, 0, 0, 0.7);
		text-decoration: underline;
	}

	.footer .footer__record {
		display: block;
		color: rgba(#999, 0.5) !important;
		opacity: 0.5;
		font-size: 24rpx;
		line-height: 34rpx;
	}

	.footer .footer__record:visited {
		color: rgba(#999, 0.5);
	}

	.footer__copyright {
		color: rgba(#999, 0.5);
		opacity: 0.5;
		font-size: 24rpx;
		margin-top: 4rpx;
		line-height: 34rpx;
	}

	.graytext {
		color: rgba(0, 0, 0, 0.7);
	}

	.bold {
		font-weight: 700;
	}

	.left {
		float: left;
	}

	.right {
		float: right;
	}

	.icon-android {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cdefs%3E    %3Cpath id='a688108f-309f-4e18-a0dc-ed026741fa12-a' d='M0 0h33.684v18.947H0z'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h40v40H0z'/%3E    %3Cg opacity='.8' transform='translate(3.158 11.158)'%3E      %3Cmask id='a688108f-309f-4e18-a0dc-ed026741fa12-b' fill='%23fff'%3E        %3Cuse xlink:href='%23a688108f-309f-4e18-a0dc-ed026741fa12-a'/%3E      %3C/mask%3E      %3Cpath fill='%23FFF' d='M24.594 14.156a1.402 1.402 0 1 1-.003-2.803 1.402 1.402 0 0 1 .003 2.803m-15.504 0a1.402 1.402 0 1 1-.002-2.803 1.402 1.402 0 0 1 .002 2.803M25.097 5.72L27.9.874a.584.584 0 0 0-1.01-.583L24.05 5.2c-2.17-.989-4.608-1.54-7.21-1.54-2.6 0-5.038.552-7.209 1.54L6.794.291a.584.584 0 0 0-1.01.582l2.803 4.848C3.774 8.335.482 13.2 0 18.947h33.684C33.202 13.2 29.91 8.335 25.097 5.721' mask='url(%23a688108f-309f-4e18-a0dc-ed026741fa12-b)'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-android,
	.icon-ios {
		display: inline-block;
		vertical-align: middle;
		width: 80rpx;
		height: 80rpx;
		background-size: cover;
	}

	.icon-ios {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cdefs%3E    %3Cpath id='47f1323c-993c-4d45-aab1-bebb1206c2bb-a' d='M.001.592h26.926v24.039H.001z'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h40v40H0z'/%3E    %3Cg opacity='.8' transform='translate(6.316 2.737)'%3E      %3Cg transform='translate(0 7.045)'%3E        %3Cmask id='47f1323c-993c-4d45-aab1-bebb1206c2bb-b' fill='%23fff'%3E          %3Cuse xlink:href='%2347f1323c-993c-4d45-aab1-bebb1206c2bb-a'/%3E        %3C/mask%3E        %3Cpath fill='%23FFF' d='M20.005.608c-2.722-.193-5.031 1.456-6.32 1.456-1.308 0-3.324-1.415-5.461-1.376-2.806.04-5.393 1.564-6.84 3.972C-1.531 9.506.64 16.687 3.479 20.62c1.389 1.922 3.045 4.088 5.221 4.009 2.094-.08 2.887-1.298 5.418-1.298 2.53 0 3.243 1.298 5.458 1.259 2.254-.04 3.683-1.962 5.061-3.894 1.596-2.23 2.251-4.39 2.29-4.505-.05-.018-4.394-1.614-4.437-6.408-.04-4.008 3.415-5.935 3.573-6.028C24.102.989 21.073.684 20.005.608' mask='url(%2347f1323c-993c-4d45-aab1-bebb1206c2bb-b)'/%3E      %3C/g%3E      %3Cpath fill='%23FFF' d='M18.325 5.057C19.482 3.718 20.26 1.854 20.045 0c-1.663.063-3.676 1.062-4.87 2.4-1.07 1.185-2.008 3.083-1.753 4.899 1.855.137 3.748-.902 4.903-2.242'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-windows {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='%23FFF' fill-rule='evenodd'%3E    %3Cpath d='M6.316 21.826v9.025l10.99 1.539V21.826zm12.045 0v10.712l14.463 2.026V21.826zM6.316 11.767v9.004h10.99V10.205zM32.824 8l-14.463 2.055v10.716h14.463z' opacity='.8'/%3E    %3Cpath fill='none' d='M0 0h40v40H0z'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-macos,
	.icon-windows {
		display: inline-block;
		vertical-align: middle;
		width: 80rpx;
		height: 80rpx;
		background-size: cover;
	}

	.icon-macos {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cdefs%3E    %3Cpath id='47f1323c-993c-4d45-aab1-bebb1206c2bb-a' d='M.001.592h26.926v24.039H.001z'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath d='M0 0h40v40H0z'/%3E    %3Cg opacity='.8' transform='translate(6.316 2.737)'%3E      %3Cg transform='translate(0 7.045)'%3E        %3Cmask id='47f1323c-993c-4d45-aab1-bebb1206c2bb-b' fill='%23fff'%3E          %3Cuse xlink:href='%2347f1323c-993c-4d45-aab1-bebb1206c2bb-a'/%3E        %3C/mask%3E        %3Cpath fill='%23FFF' d='M20.005.608c-2.722-.193-5.031 1.456-6.32 1.456-1.308 0-3.324-1.415-5.461-1.376-2.806.04-5.393 1.564-6.84 3.972C-1.531 9.506.64 16.687 3.479 20.62c1.389 1.922 3.045 4.088 5.221 4.009 2.094-.08 2.887-1.298 5.418-1.298 2.53 0 3.243 1.298 5.458 1.259 2.254-.04 3.683-1.962 5.061-3.894 1.596-2.23 2.251-4.39 2.29-4.505-.05-.018-4.394-1.614-4.437-6.408-.04-4.008 3.415-5.935 3.573-6.028C24.102.989 21.073.684 20.005.608' mask='url(%2347f1323c-993c-4d45-aab1-bebb1206c2bb-b)'/%3E      %3C/g%3E      %3Cpath fill='%23FFF' d='M18.325 5.057C19.482 3.718 20.26 1.854 20.045 0c-1.663.063-3.676 1.062-4.87 2.4-1.07 1.185-2.008 3.083-1.753 4.899 1.855.137 3.748-.902 4.903-2.242'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-transfer {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='%23FFF'%3E    %3Cpath fill='none' d='M0 0h40v40H0z'/%3E    %3Cpath fill-opacity='.8' d='M15.45 9l2.625 2.1H32.5a1.5 1.5 0 0 1 1.5 1.5v17.3a1.5 1.5 0 0 1-1.5 1.5h-25A1.5 1.5 0 0 1 6 29.9V10.5A1.5 1.5 0 0 1 7.5 9h7.95zm6.67 9.308a.12.12 0 0 0-.12.12v2.193h-8v2.086h8v2.192a.12.12 0 0 0 .199.09l3.371-2.95a.5.5 0 0 0 0-.752l-3.371-2.95a.12.12 0 0 0-.079-.029z'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-transfer,
	.icon-wechat-pay {
		display: inline-block;
		vertical-align: middle;
		width: 80rpx;
		height: 80rpx;
		background-size: cover;
	}

	.icon-wechat-pay {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath fill='%23FFF' d='M0 40h39.852V0H0z' opacity='0'/%3E    %3Cpath fill='%2307C160' d='M15.382 23.872a1.11 1.11 0 0 1-1.47-.449l-.072-.159-3.034-6.658a.555.555 0 0 1 .835-.68l3.58 2.55a1.658 1.658 0 0 0 1.48.17L33.54 11.15c-3.018-3.558-7.989-5.883-13.614-5.883-9.205 0-16.666 6.218-16.666 13.89 0 4.184 2.244 7.952 5.758 10.499a1.108 1.108 0 0 1 .408 1.258c-.28 1.047-.73 2.723-.75 2.802-.036.131-.09.269-.09.406 0 .307.248.555.556.555a.62.62 0 0 0 .32-.103l3.65-2.107c.274-.158.564-.256.884-.256.171 0 .336.026.49.074 1.702.49 3.54.761 5.44.761 9.205 0 16.667-6.218 16.667-13.89 0-2.322-.688-4.51-1.898-6.435l-19.19 11.08-.122.07z'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-mini-program {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath fill='%23FFF' d='M0 40h39.852V0H0z' opacity='0'/%3E    %3Cpath fill='%236467F0' d='M35.377 17.678c-1.133 1.917-3.034 3.392-5.385 4.043-.064 0-.127.064-.19.065a3.24 3.24 0 0 1-1.081.197c-1.591.01-2.489-1.067-2.051-2.406.376-.957 1.262-1.79 2.405-2.178 1.778-.648 2.978-2.12 2.968-3.837-.014-2.291-2.253-4.123-4.99-4.107-2.736.017-4.952 1.876-4.938 4.167l.077 12.729c.019 3.055-1.747 5.738-4.41 7.282-1.46.837-3.175 1.356-4.956 1.367-5.22.032-9.443-3.825-9.472-8.534a7.68 7.68 0 0 1 1.184-4.144c1.134-1.917 3.098-3.393 5.385-4.043.381-.13.826-.196 1.208-.198 1.591-.01 2.489 1.067 2.052 2.406-.313.893-1.2 1.662-2.215 2.114-.127.064-.254.065-.381.13-1.715.646-2.788 2.053-2.778 3.708.014 2.29 2.253 4.123 4.99 4.106 2.736-.017 4.952-1.876 4.938-4.167L17.66 13.65c-.019-3.055 1.747-5.74 4.41-7.283C23.53 5.53 25.244 5.01 27.026 5c5.219-.031 9.443 3.825 9.472 8.535.009 1.527-.428 2.93-1.12 4.143'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-mini-game,
	.icon-mini-program {
		display: inline-block;
		vertical-align: middle;
		width: 80rpx;
		height: 80rpx;
		background-size: cover;
	}

	.icon-mini-game {
		margin-left: 6rpx;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath fill='%23FFF' d='M0 40h39.851V0H0z' opacity='0'/%3E    %3Cpath fill='%23FA9D3B' d='M25.386 20.626c-1.204 2.243-4.363 2.89-7.055 1.446-2.692-1.445-3.899-4.435-2.695-6.679 1.204-2.244 4.363-2.891 7.055-1.446 2.693 1.445 3.9 4.435 2.695 6.679m.421-8.263C19.493 6.626 10.334 6.42 5.35 11.904c-4.985 5.485-3.907 14.583 2.406 20.32 6.314 5.739 15.473 5.944 20.458.46 4.984-5.485 3.907-14.583-2.407-20.32M31.56 3.46c2.463-.645 5.087 1.23 5.86 4.186.773 2.956-.597 5.875-3.061 6.52-2.463.643-5.087-1.23-5.86-4.187-.773-2.956.597-5.875 3.06-6.52'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-mini-store {
		margin-left: 16rpx;
		background-image: url('');
	}

	.icon-mini-store,
	.icon-wecom {
		display: inline-block;
		vertical-align: middle;
		width: 80rpx;
		height: 80rpx;
		background-size: cover;
	}

	.icon-wecom {
		background-image: url('');
	}

	.icon-sticker {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E  %3Cg fill='none'%3E    %3Cpath fill='%23FFF' d='M0 0h80v80H0z' opacity='0'/%3E    %3Cpath fill='%23FFC300' d='M40 8.667c18.41 0 33.333 13.942 33.333 31.142C73.333 57.008 58.41 70.95 40 70.95c-5.598 0-10.873-1.29-15.505-3.567l-.005.03c-7.52-3.677-10.974-.769-14.936-1.982-3.233-.99-1.255-3.729-1.255-3.729 3.596-3.782 1.78-8.097 1.78-8.097l.034.008A29.356 29.356 0 0 1 6.667 39.81C6.667 22.609 21.59 8.667 40 8.667zm17.98 19.711a3.808 3.808 0 0 0 3.806-3.81 3.809 3.809 0 0 0-3.806-3.812 3.809 3.809 0 0 0-3.805 3.811 3.808 3.808 0 0 0 3.805 3.811zm-7.875 25.49c3.262 0 5.905-8.765 5.905-19.578v-.132H44.2v.132c0 10.813 2.644 19.579 5.905 19.579zm-8.662-25.49a3.81 3.81 0 0 0 3.809-3.81 3.81 3.81 0 0 0-3.809-3.812 3.81 3.81 0 0 0-3.808 3.811 3.81 3.81 0 0 0 3.808 3.811z'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-red-pocket,
	.icon-sticker {
		display: inline-block;
		vertical-align: middle;
		width: 80rpx;
		height: 80rpx;
		background-size: cover;
	}

	.icon-red-pocket {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E  %3Cg fill='none'%3E    %3Cpath fill='%23FFF' d='M0 0h80v80H0z' opacity='0'/%3E    %3Cpath fill='%23FA5151' d='M66.667 43.579h-7.122a7.203 7.203 0 0 0 .788-3.287c0-4.034-3.305-7.292-7.368-7.292a7.39 7.39 0 0 0-5.28 2.206L40 42.784l-7.852-7.741A7.411 7.411 0 0 0 27.036 33c-4.063 0-7.37 3.258-7.37 7.292 0 1.183.285 2.3.79 3.287h-7.123v-27.55c0-1.845 1.308-4.015 2.98-4.833 0 0-.682.28.587-.263 6.218-2.66 14.285-4.266 23.1-4.266 8.804 0 16.861 1.601 23.076 4.255 1.278.546.591.265.591.265 1.657.83 3 2.998 3 4.843v27.549zm0 4V70a3.324 3.324 0 0 1-3.337 3.333H16.67A3.332 3.332 0 0 1 13.333 70V47.579h13.39c.103.004.208.006.313.006h8.093c-2.821 2.758-7.162 6.372-13.008 10.824l2.424 3.182c6.081-4.632 10.593-8.397 13.554-11.315l1.9-1.875 1.944 1.915c2.951 2.91 7.45 6.662 13.512 11.276l2.423-3.184c-5.855-4.455-10.196-8.07-13.008-10.823h8.095c.105 0 .21-.002.313-.006h13.389zm-13.489-4h-8.287l5.624-5.546A3.41 3.41 0 0 1 52.965 37c1.867 0 3.368 1.48 3.368 3.292 0 1.743-1.388 3.179-3.155 3.287zm-26.356 0c-1.766-.108-3.155-1.544-3.155-3.287 0-1.811 1.502-3.292 3.369-3.292.886 0 1.713.334 2.336.922l5.737 5.657h-8.287z'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-open-platform {
		background-image: url('');
	}

	.icon-open-platform,
	.icon-service {
		display: inline-block;
		vertical-align: middle;
		width: 80rpx;
		height: 80rpx;
		background-size: cover;
	}

	.icon-service {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E  %3Cg fill='none'%3E    %3Cpath fill='%23FFF' d='M0 0h80v80H0z' opacity='0'/%3E    %3Cpath fill='%238385F3' d='M19.53 41.519L9.113 64.637c1.636 1.358 3.878 2.198 6.355 2.198.762 0 1.498-.088 2.205-.24.47-.1.931-.223 1.37-.382l.011-.002.016-.008a9.337 9.337 0 0 0 2.77-1.58c.896-.747 1.607-1.646 2.074-2.654l2.414-5.357-6.8-15.093z'/%3E    %3Cpath fill='%2307C160' d='M27.32 18.996c-.48-.998-1.208-1.888-2.127-2.628a9.647 9.647 0 0 0-2.838-1.564l-.017-.009-.01-.002a11.059 11.059 0 0 0-3.664-.616c-2.538 0-4.835.832-6.512 2.178l21.26 45.653c.478.998 1.236 1.896 2.154 2.636a9.655 9.655 0 0 0 2.839 1.564l.016.01h.011c1.125.396 2.362.617 3.664.617 2.537 0 4.835-.831 6.512-2.177L27.319 18.996z'/%3E    %3Cpath fill='%238385F3' d='M45.547 18.996c-.478-.998-1.208-1.888-2.126-2.628a9.647 9.647 0 0 0-2.839-1.564l-.016-.009-.01-.002a11.059 11.059 0 0 0-3.664-.616c-2.538 0-4.835.832-6.512 2.178l21.268 45.671c.479.998 1.228 1.878 2.146 2.618a9.655 9.655 0 0 0 2.839 1.564l.016.01h.011c1.125.396 2.362.617 3.663.617 2.538 0 4.836-.831 6.512-2.177L45.547 18.996z'/%3E    %3Cpath fill='%2307C160' d='M59.458 39.494l10.415-23.118c-1.636-1.358-3.878-2.199-6.354-2.199-.763 0-1.498.09-2.206.24-.47.1-.93.223-1.37.382l-.01.002-.017.009a9.323 9.323 0 0 0-2.77 1.58c-.895.747-1.607 1.645-2.074 2.653l-2.414 5.358 6.8 15.093z'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-mp {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E  %3Cg fill='none'%3E    %3Cpath fill='%23FFF' d='M0 0h80v80H0z' opacity='0'/%3E    %3Cpath fill='%2307C160' d='M60.962 22.753c-7.601-2.567-18.054-2.99-27.845 4.49-5.423 4.539-9.56 10.715-10.675 18.567-2.958-3.098-5.025-7.995-5.58-11.706-.806-5.403.483-10.82 4.311-15.45C26.906 11.724 34.577 10 39.6 10c9.57.001 18.022 5.882 21.363 12.753zm7.64 11.78c7.516 9.754 5.441 24.73-5.1 32.852-2.618 2.018-5.67 3.198-8.651 4.024a26.067 26.067 0 0 0 5.668-9.54c4.613-13.806-2.868-28.821-16.708-33.536-.3-.102-.601-.191-.903-.282 9.348-3.467 19.704-1.292 25.694 6.482zM39.572 59.37c6.403 0 11.474-1.49 16.264-5.013-.124 1.993-.723 4.392-1.271 5.805-4.509 11.633-17.56 16.676-31.238 12.183C11.433 68.438 4.145 54.492 7.475 42.851c.893-3.12 1.805-5.26 3.518-7.953 1.028 7.504 5.7 14.803 12.511 19.448.518.35.872.932.901 1.605a2.4 2.4 0 0 1-.08.653l-1.143 5.19c-.052.243-.142.499-.13.752.023.56.495.997 1.053.973.22-.01.395-.1.576-.215l6.463-4.143c.486-.312 1.007-.513 1.587-.538a3.03 3.03 0 0 1 .742.067c1.96.438 3.996.68 6.1.68z'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-mp,
	.icon-wedesign {
		display: inline-block;
		vertical-align: middle;
		width: 80rpx;
		height: 80rpx;
		background-size: cover;
	}

	.icon-wedesign {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cdefs%3E    %3Cpath id='11e4853f-c516-4e74-bd75-b4c716c464bf-a' d='M0 0h33.333v33.333H0z'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath fill='%23D8D8D8' fill-rule='nonzero' d='M0 0h40v40H0z' opacity='0'/%3E    %3Cg transform='translate(3.333 3.333)'%3E      %3Cpath fill='%23333' fill-rule='nonzero' d='M19.822 10.434h-1.858v10.568a1.86 1.86 0 0 0 1.858 1.858 1.86 1.86 0 0 0 1.857-1.858v-8.71a1.86 1.86 0 0 0-1.857-1.858'/%3E      %3Cmask id='11e4853f-c516-4e74-bd75-b4c716c464bf-b' fill='%23fff'%3E        %3Cuse xlink:href='%2311e4853f-c516-4e74-bd75-b4c716c464bf-a'/%3E      %3C/mask%3E      %3Cpath fill='%23333' fill-rule='nonzero' d='M24.275 21.042a4.458 4.458 0 0 1-4.453 4.413 4.439 4.439 0 0 1-3.134-1.292l-.028.028a4.424 4.424 0 0 1-3.149 1.304 4.458 4.458 0 0 1-4.453-4.453v-9.295h2.596v9.295a1.86 1.86 0 0 0 3.171 1.313c.35-.35.544-.817.544-1.313V7.838h4.453a4.458 4.458 0 0 1 4.453 4.445v8.759zM10.002 8.423a.479.479 0 0 1 .04-.06.393.393 0 0 1 .313-.168c.12 0 .227.059.304.153l.051.08.925 2.004H9.077l.925-2.009zM16.667 0C7.462 0 0 7.462 0 16.667c0 9.204 7.462 16.666 16.667 16.666 9.204 0 16.666-7.462 16.666-16.666C33.333 7.462 25.871 0 16.667 0z' mask='url(%2311e4853f-c516-4e74-bd75-b4c716c464bf-b)'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-search {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='none'%3E    %3Cpath fill='%23FFF' d='M0 0h40v40H0z' opacity='0'/%3E    %3Cpath fill='%23FA5151' d='M21.598 7.428c.28-.583.301-1.215.061-1.78-.24-.564-.712-.988-1.328-1.191l-.519-.172a2.3 2.3 0 0 0-.723-.119c-1.018 0-1.872.718-2.076 1.745l-1.085 5.455c-.261 1.31.127 2.535.884 2.785a.979.979 0 0 0 .31.048c.724 0 1.575-.72 2.07-1.752l2.406-5.018zm-8.586 9.164c.075-.79-.883-1.658-2.182-1.977l-3.995-.982a2.328 2.328 0 0 0-.554-.07c-1.088 0-1.954.808-2.061 1.92l-.053.563c-.006.679.222 1.286.642 1.71.379.381.88.583 1.45.583l.125-.003 4.11-.213c1.336-.07 2.441-.741 2.518-1.53m1.589 4.172c-.751-.249-1.785.532-2.314 1.74l-3.803 8.687a2.204 2.204 0 0 0-.008 1.8c.253.57.73.996 1.345 1.2l.519.173.051.01c.085.008.174.012.267.012 1.081 0 2.29-.5 2.556-1.62l2.19-9.223c.31-1.305-.043-2.526-.803-2.779M22.01 22.2c-.622-.663-1.41-1.075-2.056-1.075-.275 0-.516.078-.698.225-.624.505-.51 1.762.26 2.864l7.444 10.642a2.237 2.237 0 0 0 1.85.977c.521 0 1.017-.178 1.434-.515l.424-.343c.503-.406.803-.974.847-1.6a2.237 2.237 0 0 0-.618-1.7L22.01 22.2zm13.79-6.71a2.2 2.2 0 0 0-2.55-2.076l-11.02 1.605c-1.33.194-2.336.97-2.29 1.77.044.8 1.134 1.442 2.48 1.463l10.885.142h.04a2.65 2.65 0 0 0 1.896-.812 2.08 2.08 0 0 0 .59-1.546l-.032-.545z'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-openai,
	.icon-search {
		display: inline-block;
		vertical-align: middle;
		width: 80rpx;
		height: 80rpx;
		background-size: cover;
	}

	.icon-openai {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='none'%3E    %3Cpath fill='%23FFF' d='M0 40h40V0H0z' opacity='0'/%3E    %3Cpath fill='%23F95151' d='M5.977 17.525c-2.294-3.842-.191-9.858 6.818-11.883 13.158-3.801 25.825 10.8 25.825 10.8s-10.4-3.976-20.542 3.084c-2.84 1.976-9.192 2.875-12.101-2'/%3E    %3Cpath fill='%23F95151' d='M34.023 22.558c2.294 3.842.191 9.859-6.818 11.883C14.047 38.243 1.38 23.642 1.38 23.642s10.4 3.975 20.542-3.085c2.84-1.976 9.192-2.874 12.101 2.001'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-child-watch {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E  %3Cg fill='%23FFF' fill-rule='evenodd' opacity='.8'%3E    %3Cpath d='M0 32h32V0H0z' opacity='0'/%3E    %3Cpath d='M16.5 6.429a1.214 1.214 0 1 0 0 2.427 1.214 1.214 0 0 0 0-2.427zm4.515 3.642h-9.03c-.541 0-.737.056-.935.163a1.1 1.1 0 0 0-.459.46c-.092.172-.148.344-.16.746l-.002.188v9.03c0 .541.055.737.162.935a1.1 1.1 0 0 0 .46.459c.172.092.344.146.747.16l.187.002h9.03c.541 0 .738-.057.936-.162.197-.106.352-.261.459-.46.092-.172.147-.344.159-.747l.002-.187v-9.03c0-.541-.055-.737-.161-.935a1.115 1.115 0 0 0-.46-.459c-.197-.107-.394-.163-.935-.163zM18.559 4c1.007 0 1.374.093 1.749.274a2.2 2.2 0 0 1 .907.8c.226.352.364.703.49 1.702l.11.884c.84.044 1.235.176 1.632.388.494.265.883.652 1.147 1.147.265.496.406.986.406 2.34v9.216c0 1.353-.14 1.843-.406 2.339a2.766 2.766 0 0 1-1.147 1.147c-.397.213-.792.345-1.632.389l-.11.884c-.126.998-.264 1.349-.49 1.7-.226.35-.53.62-.907.8-.345.166-.681.259-1.51.273l-.239.003h-4.118c-1.007 0-1.373-.094-1.749-.276a2.19 2.19 0 0 1-.907-.8c-.208-.32-.341-.644-.458-1.465l-.031-.235-.11-.884c-.841-.044-1.236-.176-1.633-.389a2.766 2.766 0 0 1-1.147-1.147C8.14 22.594 8 22.104 8 20.75v-9.216c0-1.354.14-1.844.406-2.34a2.763 2.763 0 0 1 1.147-1.147c.397-.212.792-.344 1.633-.388l.11-.884c.125-1 .263-1.35.489-1.701.227-.351.53-.62.907-.8.376-.182.742-.275 1.749-.275h4.118z'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-car,
	.icon-child-watch {
		display: inline-block;
		vertical-align: middle;
		width: 64rpx;
		height: 64rpx;
		background-size: cover;
	}

	.icon-car {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E  %3Cg fill='%23FFF' fill-rule='evenodd' opacity='.8'%3E    %3Cpath d='M0 32h32V0H0z' opacity='0'/%3E    %3Cpath d='M15.929 7.785c-1.55 0-3.134.07-4.754.209a2.743 2.743 0 0 0-2.314 1.72l-.026.067-1.064 2.898h16.073l-1.065-2.907a2.742 2.742 0 0 0-2.262-1.78l-.072-.008a51.185 51.185 0 0 0-4.516-.2zM6.596 14.57l-.028.034-.025.031a2.74 2.74 0 0 0-.519 1.077l-.02.09-.009.047c-.087.44.119.886.51 1.106.345.194.663.328.954.4.672.17 1.202.259 2.085.154l.108-.014.041-.007a.474.474 0 0 0 .242-.788l-.028-.027-2.383-2.15a.657.657 0 0 0-.928.047zm17.852-.075a.536.536 0 0 0-.033.028l-2.383 2.15a.474.474 0 0 0 .214.815l.042.007c.948.126 1.493.037 2.192-.14a3.93 3.93 0 0 0 .954-.4c.392-.22.597-.666.51-1.106l-.01-.046a2.746 2.746 0 0 0-.538-1.168l-.025-.031a.657.657 0 0 0-.923-.109zm2.335 4.918l-.03.001-.028.004-.079.015c-1.384.255-2.665.683-2.763.714-.06.019-.08.068-.06.148l.007.028h2.544l.01.022c.05.116.07.344.057.684a6.516 6.516 0 0 1-.134 1.088c.253-.138.462-.462.627-.97.12-.37.189-.747.205-1.135l.004-.13v-.118l-.002-.032a.356.356 0 0 0-.358-.32zm-21.566 0a.356.356 0 0 0-.358.319l-.002.032v.118c.006.434.076.855.209 1.264.165.51.374.833.627.97a6.516 6.516 0 0 1-.134-1.087c-.012-.34.006-.568.056-.684l.01-.022H8.17c.032-.096.014-.155-.053-.176-.098-.03-1.38-.459-2.763-.714l-.079-.015-.029-.004-.03-.001zm16.593 1.655H10.19c-.393 0-.76.197-.977.524a.337.337 0 0 0 .249.523l.032.002h13.012a.338.338 0 0 0 .281-.525 1.173 1.173 0 0 0-.977-.524zM15.937 7.086c1.555 0 3.103.064 4.644.191 1.296.108 2.42.94 2.902 2.148l1.199 3.011.2-.15a1.5 1.5 0 0 1 .009-.213l.01-.07c.04-.25.148-.506.323-.767a.685.685 0 0 1 .558-.305h.106c.28.005.537.048.77.129.276.096.54.264.793.505a.69.69 0 0 1 .212.496v.277c0 .336-.246.62-.578.669-.141.02-.283.035-.426.045-.303.019-.752.02-1.344.006l1.85 1.352a3.086 3.086 0 0 1 1.248 2.159c.106.972.158 1.95.158 2.934 0 1.353-.099 2.706-.298 4.058l-.04.424a1.028 1.028 0 0 1-1.025.93h-1.685a1.03 1.03 0 0 1-1.029-1.03v-.02H7.506v.02c0 .569-.46 1.03-1.029 1.03H4.81a1.03 1.03 0 0 1-1.024-.93l-.012-.12h-.001a28.196 28.196 0 0 1-.344-4.362c0-1.01.056-2.018.169-3.028.09-.81.497-1.55 1.13-2.06l1.684-1.356a15.94 15.94 0 0 1-1.3-.007 5.306 5.306 0 0 1-.426-.045.676.676 0 0 1-.578-.669v-.277c0-.187.077-.367.213-.496.252-.241.516-.41.792-.505a2.47 2.47 0 0 1 .77-.129h.106a.685.685 0 0 1 .559.305c.175.261.282.517.323.767.015.093.021.188.018.283l.08.06L8.13 9.435a3.429 3.429 0 0 1 2.908-2.147c1.668-.135 3.3-.202 4.899-.202z'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-z {
		width: 80rpx;
		height: 80rpx;
		background-image: url('');
	}

	.icon-z,
	.icon-z-out {
		display: inline-block;
		vertical-align: middle;
		background-size: cover;
	}

	.icon-z-out {
		width: 64rpx;
		height: 64rpx;
		background-image: url('');
	}

	.icon-edu {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='none' fill-rule='evenodd' transform='translate(2 4.5)'%3E    %3Cpath fill='%2307C160' d='M16.487 19.032c-3.645-3.645-4.374-9.097-2.192-13.466-5-.165-9.927 2.361-12.604 6.997a13.983 13.983 0 0 0-1.64 4.423 3.256 3.256 0 0 0 2.787 3.804 23.195 23.195 0 0 1 15.415 8.9l.12.148a3.257 3.257 0 0 0 4.576.354l.045-.039a14.014 14.014 0 0 0 4.605-8.057c-3.85.969-8.1-.051-11.112-3.064'/%3E    %3Cpath fill='%235152C0' d='M20.824 7.436a13.955 13.955 0 0 0-6.53-1.87c-2.18 4.368-1.452 9.822 2.193 13.465a11.665 11.665 0 0 0 11.112 3.066c1.04-5.664-1.503-11.617-6.775-14.66'/%3E    %3Cpath fill='%231485EE' d='M33.984 12.234a3.615 3.615 0 0 0-.145-.065A19.345 19.345 0 0 1 23.349 1.68 2.712 2.712 0 0 0 19.682.26l-.055.027a11.615 11.615 0 0 0-4.532 3.92c2.199.181 4.393.839 6.432 2.015 5.57 3.216 8.371 9.384 7.57 15.388a11.62 11.62 0 0 0 3.892-2.573 11.648 11.648 0 0 0 2.242-3.145c.006-.012.025-.049.027-.056a2.714 2.714 0 0 0-1.274-3.602'/%3E  %3C/g%3E%3C/svg%3E");
	}

	.icon-edu,
	.icon-finder {
		display: inline-block;
		vertical-align: middle;
		width: 80rpx;
		height: 80rpx;
		background-size: cover;
	}

	.icon-finder {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cpath fill='%23FFF' d='M0 0h40v40H0z' opacity='0'/%3E    %3Cpath fill='%23FA9D3B' d='M32.99 5.676c.784.06 2.228.47 3.092 2.559 1.191 2.88.296 8.516-.344 11.619-.966 4.685-2.522 9.352-3.964 11.889-.96 1.687-1.918 2.548-3.016 2.708a3.703 3.703 0 0 1-.535.039c-3.247 0-6.338-4.24-8.223-7.47-1.885 3.23-4.977 7.47-8.223 7.47a3.69 3.69 0 0 1-.534-.039c-1.1-.16-2.058-1.02-3.017-2.708-1.442-2.537-2.998-7.204-3.964-11.89-.64-3.102-1.535-8.737-.344-11.618.864-2.089 2.308-2.5 3.092-2.559 2.913-.216 6.377 3.365 11.564 11.976.525.87 1.009 1.68 1.426 2.38.42-.704.904-1.514 1.426-2.38C26.612 9.043 30.06 5.458 32.989 5.676zM7.13 9.471l-.04.076-.049.13c-.636 1.825-.171 6.682 1.154 11.951 1.274 5.064 2.654 7.922 3.373 9.007a.63.63 0 0 0 .824.213c.634-.339 1.739-1.227 3.335-3.549 1-1.455 1.828-2.948 2.305-3.855a633.97 633.97 0 0 0-2.4-4.02c-4.51-7.488-6.896-9.545-7.856-10.11a.478.478 0 0 0-.646.157zm25.775.068a.462.462 0 0 0-.675-.23c-.952.558-3.34 2.604-7.863 10.115a629.316 629.316 0 0 0-2.406 4.028c1.93 3.76 4.149 6.497 5.499 7.336a.741.741 0 0 0 1.017-.221c.727-1.13 2.077-3.975 3.326-8.939 1.359-5.4 1.813-10.369 1.105-12.08z'/%3E  %3C/g%3E%3C/svg%3E");
	}

	@font-face {
		font-family: micross;
		src: url(data:application/x-font-ttf;charset=utf-8;base64,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AHQAIABTAGEAbgBzACAAUwBlAHIAaQBmACAAUgBlAGcAdQBsAGEAcgBNAGkAYwByAG8AcwBvAGYAdAAgAFMAYQBuAHMAIABTAGUAcgBpAGYAVgBlAHIAcwBpAG8AbgAgADUALgAwADIATQBpAGMAcgBvAHMAbwBmAHQAUwBhAG4AcwBTAGUAcgBpAGYATQBpAGMAcgBvAHMAbwBmAHQAIABTAGEAbgBzACAAUwBlAHIAaQBmACAAaQBzACAAZQBpAHQAaABlAHIAIABhACAAcgBlAGcAaQBzAHQAZQByAGUAZAAgAHQAcgBhAGQAZQBtAGEAcgBrACAAbwByACAAYQAgAHQAcgBhAGQAZQBtAGEAcgBrACAAbwBmACAATQBpAGMAcgBvAHMAbwBmAHQAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4AIABpAG4AIAB0AGgAZQAgAFUAbgBpAHQAZQBkACAAUwB0AGEAdABlAHMAIABhAG4AZAAvAG8AcgAgAG8AdABoAGUAcgAgAGMAbwB1AG4AdAByAGkAZQBzAC4AWQBvAHUAIABtAGEAeQAgAHUAcwBlACAAdABoAGkAcwAgAGYAbwBuAHQAIABhAHMAIABwAGUAcgBtAGkAdAB0AGUAZAAgAGIAeQAgAHQAaABlACAARQBVAEwAQQAgAGYAbwByACAAdABoAGUAIABwAHIAbwBkAHUAYwB0ACAAaQBuACAAdwBoAGkAYwBoACAAdABoAGkAcwAgAGYAbwBuAHQAIABpAHMAIABpAG4AYwBsAHUAZABlAGQAIAB0AG8AIABkAGkAcwBwAGwAYQB5ACAAYQBuAGQAIABwAHIAaQBuAHQAIABjAG8AbgB0AGUAbgB0AC4AIAAgAFkAbwB1ACAAbQBhAHkAIABvAG4AbAB5ACAAKABpACkAIABlAG0AYgBlAGQAIAB0AGgAaQBzACAAZgBvAG4AdAAgAGkAbgAgAGMAbwBuAHQAZQBuAHQAIABhAHMAIABwAGUAcgBtAGkAdAB0AGUAZAAgAGIAeQAgAHQAaABlACAAZQBtAGIAZQBkAGQAaQBuAGcAIAByAGUAcwB0AHIAaQBjAHQAaQBvAG4AcwAgAGkAbgBjAGwAdQBkAGUAZAAgAGkAbgAgAHQAaABpAHMAIABmAG8AbgB0ADsAIABhAG4AZAAgACgAaQBpACkAIAB0AGUAbQBwAG8AcgBhAHIAaQBsAHkAIABkAG8AdwBuAGwAbwBhAGQAIAB0AGgAaQBzACAAZgBvAG4AdAAgAHQAbwAgAGEAIABwAHIAaQBuAHQAZQByACAAbwByACAAbwB0AGgAZQByACAAbwB1AHQAcAB1AHQAIABkAGUAdgBpAGMAZQAgAHQAbwAgAGgAZQBsAHAAIABwAHIAaQBuAHQAIABjAG8AbgB0AGUAbgB0AC4AAAACAAAAAAAA/yQAZgAAAAAAAAAAAAAAAAAAAAAAAAALAAsAAAATABQAFQAWABcAGAAZABoAGwAc) format('truetype');
	}

	@font-face {
		font-family: weixin-test;
		src: url(//res.wx.qq.com/t/wx_fed/base/weixin_portal/res/static/font/33uDySX.ttf) format('truetype');
		font-weight: 400;
		font-style: normal;
	}

	@keyframes a {
		0% {
			opacity: 0;
			transform: translateY(100rpx);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.share-box {
		position: relative;
		min-height: 100%;
		overflow: hidden;
    // background-image: url('./share.png');
    background-size: 100% 100%;
	}

	.content {
		background: none;
		margin: 0;
		border: none;
		border-radius: 0;
		position: relative;
		height: 100vh;
	}

	.upgrade__notice {
		line-height: 96rpx;
		background-color: #ededed;
		font-size: 30rpx;
		display: none;
		color: rgba(0, 0, 0, 0.7);
		text-align: center;
	}

	.banner {
		padding: 304rpx 0 224rpx;
		position: relative;
		color: hsla(0, 0%, 100%, 0.9);
		overflow: hidden;
	}

	.lang_change {
		font-size: 32rpx;
		line-height: 1;
		position: absolute;
		top: 64rpx;
		right: 64rpx;
		display: flex;
	}

	.lang_change a {
		padding: 0 16rpx;
		cursor: pointer;
		color: hsla(0, 0%, 100%, 0.6);
	}

	.lang_change a:hover {
		transition: color 0.3s;
		color: hsla(0, 0%, 100%, 0.9);
	}

	.lang_change a+a {
		border-left: 2rpx solid hsla(0, 0%, 100%, 0.3);
	}

	.lang_change a.current {
		color: hsla(0, 0%, 100%, 0.9);
	}

	.banner__inner {
		content: '';
		display: block;
		position: absolute;
		height: 100%;
		bottom: 0;
		width: 150%;
		min-width: 2880rpx;
		left: 50%;
		transform: translateX(-50%);
		background-image: linear-gradient(to bottom, rgb(173, 61,139) 0%, rgb(64, 120,186) 100%);;
		border-radius: 0 0 50% 50%;
		z-index: 0;
		overflow: hidden;
	}

	.banner__inner img {
		position: aboslute;
		width: 100%;
		bottom: 0;
		left: 0;
	}

	.banner__bd {
		display: flex;
		flex-direction: column;
		align-items: center;
		animation: a 1.3s both;
	}

	.banner__logo {
		margin: 0 auto 112rpx;
		display: block;
		display: inline-block;
		vertical-align: middle;
		width: 168rpx;
		height: 168rpx;
		background-size: cover;
		background-image: url('');
	}

	.banner__update-log {
		padding: 48rpx 0 0;
		width: 880rpx;
		position: relative;
	}

	.banner__update-log:before {
		content: '';
		display: block;
		border-top: 2rpx solid hsla(0, 0%, 100%, 0.3);
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		transform: scaleY(0.5);
		transform-origin: left top;
	}

	.banner__update-log li {
		display: flex;
		margin-bottom: 20rpx;
	}

	.banner__update-log li:last-child {
		margin-bottom: 0;
	}

	.banner__update-log a {
		color: hsla(0, 0%, 100%, 0.9);
	}

	.banner__update-content {
		flex: 1;
		display: flex;
		overflow: hidden;
		align-items: center;
		line-height: 1.4;
	}

	.banner__update-content span {
		display: inline-block;
	}

	.banner__updata-time {
		color: hsla(0, 0%, 100%, 0.7);
		margin-left: 32rpx;
		font-variant-numeric: tabular-nums;
		font-family: -apple-system-font, BlinkMacSystemFont, Helvetica Neue, PingFang SC, micross,
			monospace;
	}

	.banner__update-more {
		margin-top: 32rpx;
		display: inline-block;
		color: hsla(0, 0%, 100%, 0.9);
	}

	.banner__update-more:after {
		content: '>';
		display: inline-block;
		margin-left: 10rpx;
	}

	.banner__update-more:hover {
		font-weight: 500;
	}

	.banner__download {
		margin-top: 144rpx;
		display: flex;
		align-items: center;
	}

	.banner__download-item {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 480rpx;
		height: 480rpx;
		border-radius: 20rpx;
		background-color: hsla(0, 0%, 100%, 0.07);
		color: hsla(0, 0%, 100%, 0.9);
		font-size: 28rpx;
		cursor: pointer;
	}

	.banner__download-item i {
		margin-bottom: 8rpx;
		margin-top: 52rpx;
	}

	.banner__download-item span {
		margin: 0 20rpx;
		text-align: center;
		line-height: 1.4;
	}

	.banner__download-item:hover {
		background-color: hsla(0, 0%, 100%, 0.15);
	}

	.banner__entry-extra-wrp {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		padding-top: 112rpx;
	}

	.banner__entry-extra {
		width: 410rpx;
		height: 112rpx;
		display: flex;
		background-color: #fff;
		background-color: hsla(0, 0%, 100%, 0.17);
		color: hsla(0, 0%, 100%, 0.9);
		border-radius: 16rpx;
		align-items: center;
		justify-content: center;
		margin-bottom: 32rpx;
		letter-spacing: 2rpx;
	}

	.banner__entry-extra:hover {
		background-color: hsla(0, 0%, 100%, 0.15);
	}

	.banner__entry-extra i {
		margin-right: 16rpx;
		margin-top: -6rpx;
	}

	.banner__entry-extra+.banner__entry-extra {
		margin-left: 32rpx;
	}

	@keyframes b {
		0% {
			opacity: 0;
		}

		to {
			opacity: 0.5;
			transform: translateX(-50%) translateY(14rpx);
		}
	}

	.banner__arrow {
		animation: b 1s 1s infinite;
		opacity: 0;
		display: none;
		position: absolute;
		vertical-align: middle;
		width: 48rpx;
		height: 24rpx;
		background-size: cover;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='12' viewBox='0 0 24 12'%3E  %3Cdefs%3E    %3Cpath id='2883de6b-9b56-4ce9-a5b1-606b3650aa1f-a' d='M.021 1.486l4.949 4.95-4.949 4.95 1.414 1.413 5.657-5.658a1 1 0 0 0 0-1.414L1.435.072.021 1.486z'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd' transform='rotate(90 12 12)'%3E    %3Cpath fill='%23FFF' d='M0 0h12v24H0z' opacity='0'/%3E    %3Cg transform='translate(3 5.5)'%3E      %3Cmask id='2883de6b-9b56-4ce9-a5b1-606b3650aa1f-b' fill='%23fff'%3E        %3Cuse xlink:href='%232883de6b-9b56-4ce9-a5b1-606b3650aa1f-a'/%3E      %3C/mask%3E      %3Cpath fill='%23FFF' d='M14.87 6.435L1.435 19.871-12 6.435 1.435-7z' mask='url(%232883de6b-9b56-4ce9-a5b1-606b3650aa1f-b)'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E");
		z-index: 1;
		bottom: 80rpx;
		left: 50%;
		transform: translateX(-50%);
	}

	.banner__download-qrcode {
		display: none;
	}

	.pc .banner__download-item_ios {
		position: relative;
		transition: background-color 0.5s;
	}

	.pc .banner__download-item_ios>* {
		transition: opacity 0.5s;
	}

	.pc .banner__download-item_ios .banner__download-qrcode {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		opacity: 0;
		font-size: 28rpx;
		white-space: nowrap;
	}

	.pc .banner__download-item_ios .banner__download-qrcode i {
		margin-top: 0;
		display: inline-block;
		vertical-align: middle;
		width: 172rpx;
		height: 172rpx;
		background-size: cover;
		background-image: url('');
	}

	.pc .banner__download-item_ios:hover {
		background-color: transparent;
	}

	.pc .banner__download-item_ios:hover>* {
		opacity: 0;
		transition: none;
	}

	.pc .banner__download-item_ios:hover .banner__download-qrcode {
		transition: all 0.5s;
		opacity: 1;
	}

	.links {
		animation: a 1s both;
		padding: 144rpx 0;
		margin: 0 160rpx 0 224rpx;
		display: flex;
		justify-content: center;
		overflow: hidden;
	}

	.links__list {
		display: flex;
		flex-wrap: wrap;
		width: 1968rpx;
	}

	.links__list li {
		width: 428rpx;
		height: 360rpx;
		padding-right: 64rpx;
		padding-bottom: 64rpx;
		border-radius: 16rpx;
		cursor: pointer;
		position: relative;
		font-family: weixin-test;
	}

	.links__list li a {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		height: 100%;
		text-align: center;
		background-color: #fff;
		border-radius: 16rpx;
		transition: transform 0.3s;
		line-height: 48rpx;
	}

	.links__list li a i {
		margin-bottom: 32rpx;
	}

	.links__list li a:hover {
		transform: scale(1.1);
	}

	.links__list a {
		color: rgba(0, 0, 0, 0.9);
	}

	.h5 .links__list li a:hover {
		transform: none;
	}

	.download__dialog-mask {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.5);
		overflow-y: hidden;
	}

	.download__dialog {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 960rpx;
		background-color: #fff;
		border-radius: 8rpx;
		padding: 48rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		box-sizing: border-box;
	}

	.download__dialog-close {
		position: absolute;
		right: 48rpx;
		top: 48rpx;
		cursor: pointer;
		display: inline-block;
		vertical-align: middle;
		width: 48rpx;
		height: 48rpx;
		-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M12.25 10.693L6.057 4.5 5 5.557l6.193 6.193L5 17.943 6.057 19l6.193-6.193L18.443 19l1.057-1.057-6.193-6.193L19.5 5.557 18.443 4.5z'/%3E%3C/svg%3E") no-repeat 50% 50%;
		mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M12.25 10.693L6.057 4.5 5 5.557l6.193 6.193L5 17.943 6.057 19l6.193-6.193L18.443 19l1.057-1.057-6.193-6.193L19.5 5.557 18.443 4.5z'/%3E%3C/svg%3E") no-repeat 50% 50%;
		-webkit-mask-size: cover;
		mask-size: cover;
		background-color: currentColor;
	}

	.download__dialog-hd {
		font-size: 48rpx;
		line-height: 58rpx;
		font-weight: 500;
		padding-top: 96rpx;
		margin-bottom: 80rpx;
	}

	.download__dialog-wrp {
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s;
	}

	.download__dialog-wrp_show {
		visibility: visible;
		opacity: 1;
	}

	.download__btn {
		width: 512rpx;
		height: 140rpx;
		margin-bottom: 64rpx;
		background: rgba(0, 0, 0, 0.05);
		border-radius: 12rpx;
		display: flex;
		align-items: center;
		padding-left: 48rpx;
		box-sizing: border-box;
		cursor: pointer;
		overflow: hidden;
		position: relative;
	}

	.download__btn:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 64rpx;
		height: 64rpx;
		-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E  %3Cg fill-rule='evenodd' opacity='.9'%3E    %3Cpath d='M21.284 17.391l-4.324 4.323V8.63h-1.92v13.086l-4.324-4.325-1.358 1.357 4.831 4.83a2.54 2.54 0 0 0 1.81.75 2.54 2.54 0 0 0 1.812-.75l4.83-4.83-1.357-1.357z'/%3E    %3Cpath d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 1.92c7.763 0 14.08 6.317 14.08 14.08S23.763 30.08 16 30.08 1.92 23.763 1.92 16 8.237 1.92 16 1.92'/%3E  %3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
		mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E  %3Cg fill-rule='evenodd' opacity='.9'%3E    %3Cpath d='M21.284 17.391l-4.324 4.323V8.63h-1.92v13.086l-4.324-4.325-1.358 1.357 4.831 4.83a2.54 2.54 0 0 0 1.81.75 2.54 2.54 0 0 0 1.812-.75l4.83-4.83-1.357-1.357z'/%3E    %3Cpath d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 1.92c7.763 0 14.08 6.317 14.08 14.08S23.763 30.08 16 30.08 1.92 23.763 1.92 16 8.237 1.92 16 1.92'/%3E  %3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
		-webkit-mask-size: cover;
		mask-size: cover;
		background-color: currentColor;
		margin-right: 16rpx;
	}

	.download__btn:hover:after {
		display: block;
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.05);
	}

	.download__btn_primary {
		background-color: #07c160;
		color: #fff;
	}

	.download__btn-bd {
		white-space: nowrap;
	}

	.download__btn-title {
		font-size: 30rpx;
		margin-bottom: 4rpx;
		line-height: 36rpx;
	}

	.download__btn-desc {
		font-size: 24rpx;
		line-height: 28rpx;
	}
</style>